import { Navigate } from '../react-router-dom'

export default function Protected(props) {
  const { component: RouteComponent, path } = props
  // 如果用户登录了 则渲染传递的 component 组件
  // 如果用户没有登录 则使用 Navigate 重定向到 /login 路径对应的组件中
  return localStorage.getItem('login') ?
    <RouteComponent></RouteComponent> :
    <Navigate to={{ pathname: '/login'}}></Navigate>
}
